<!DOCTYPE html>
<html>
  <head>
    <title>IERP ${company.name}</title>
    <meta name="keywords" content="ierp, IERP, ${company.industry.name!""}, ${company.name}" />
	<meta name="description" content="" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="dfile/css/bootstrap.min.css" rel="stylesheet">
    <link href="dfile/css/font-awesome.min.css" rel="stylesheet">
    <link href="dfile/css/templatemo_style.css" rel="stylesheet">
    <link href="dfile/css/circle.css" rel="stylesheet">
    <link rel="stylesheet" href="dfile/css/nivo-slider.css">
    <link href='dfile/css/font.css' rel='stylesheet' type='text/css'>
    <script src="dfile/js/jquery.js" type="text/javascript"></script>
    <script src="dfile/js/modernizr.custom.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="dfile/js/html5shiv.js"></script>
      <script src="dfile/js/respond.min.js"></script>
    <![endif]-->
    
    <style type="text/css">
    	/*html5*/
		article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
	
    	.c100:after {
    		background-color: #ffffff;
    	}
    	
    	.c100.disable:after {
    		background-color: whitesmoke;
    	}
    	
    	
    	.c100.disable:hover:after {
		  background-color: whitesmoke;
		}
		
		.c100.disable:hover > span {
    	  color: #777 !important;
		}
    	.col-sm-6 .c100 {
    		cursor: pointer;
    	}
    	.col-sm-6 .c100.disable {
    		cursor: default;
    	}
    	
    	.c100 span{
    		color: #777;
    	}
    	
    	

    </style>
  </head>
  <body>
    
    <div id="templatemo_about" class="section3" style="border-bottom: none;">
      <div class="container">
      	<form action="" id="ispRedirectForm">
      		<input type="hidden" name="industry" value="${company.industry.pn_key}">
      		<input type="hidden" name="company" value="${company.pn_key}">
      		<input type="hidden" name="isp" value="">
      	</form>
      
        <div class="row">
          <div class="col-md-12">
            <div class="secHeader">
              <h1 class="text-center">
              	<a class="text-title" href="#">${company.name}</a>
              </h1>
              <h3 class="text-center" style="background-color: #00ace9;">
              	<a class="text-title" style="color: #ffffff;" href="#">圣乔云ERP平台</a>
              </h3>
              <p class="text-center" style="margin-top:40px;"><small style="font-size:120%;">请选择相应的网络入口</small></p>
            </div>
            <div class="knobWrap" style="margin-top:30px;">
              <div class="row secHeader">
                <div class="col-sm-6 col-md-4">
                  <div class="knob">
                  	<a href="javascript:void(0)" data-path="${pathInfos.telecom!""}" target="_top" id="telecom">
	                    <div class="c100 p100 big <#if (pathInfos.telecom?exists)==false>disable</#if>">
	                      <span><b>电信入口</b><br>点击进入</span>
	                      <div class="slice">
	                          <div class="bar"></div>
	                          <div class="fill"></div>
	                      </div>
	                    </div>
                    </a>
                  </div>
                </div>
                <div class="col-sm-6 col-md-4">
                  <div class="knob">
                  	<a href="javascript:void(0)" data-path="${pathInfos.unicom!""}" target="_top" id="unicom">
	                    <div class="c100 p100 big <#if (pathInfos.unicom?exists)==false>disable</#if>">
	                      <span><b>联通入口</b><br>点击进入</span>
	                      <div class="slice">
	                          <div class="bar"></div>
	                          <div class="fill"></div>
	                      </div>
	                    </div>
                    </a>
                  </div>
                </div>
                <div class="col-sm-6 col-md-4">
                  <div class="knob">
                  	<a href="javascript:void(0)" data-path="${pathInfos.mobile!""}" target="_top" id="mobile">
	                    <div class="c100 p100 big <#if (pathInfos.mobile?exists)==false>disable</#if>">
	                      <span><b>移动入口</b><br>点击进入</span>
	                      <div class="slice">
	                          <div class="bar"></div>
	                          <div class="fill" "></div>
	                      </div>
	                    </div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

      <script type="text/javascript">
        jQuery(function($) {
          $(document).ready( function() {
            $(".knob").children("a").click(function(){
            	var $this = $(this);
            		//$fIsp = $("#ispRedirectForm");
            	//var url = "ispRedirect/" + $fIsp.find("input[name='industry']").val() + "-" + $fIsp.find("input[name='company']").val() + "-" + $this.attr("id");
            	var url = $this.data("path");
            	if(url)
            		window.location.href = url;
            });
          });
        });
      </script>
      
</body>
</html>